<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description"
	content="碳氢知识平台由碳三氢二个人创建，属于免费开放的知识浏览平台。该平台主要用于学习Java相关的知识。">
<meta name="keywords"
	content="碳氢知识,碳三氢二,tansanqinger,tanqingzhishi,C3H2,c3h2,碳十八氢十二,碳三,tansan,C18H12">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="spm_prefix" content="333.851">
<link rel="icon" href="./img/index.ico" />
<link rel="shortcut icon" href="/img/index.ico" />
<meta charset="UTF-8" name="viewport"
	content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="/layui/css/layui.css">
<script src="/layui/layui.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
<title>题库_碳氢知识</title>
<style type="text/css">
*{margin:0px auto;padding:0px auto;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
body,html{background-color:#F5F5F5; width: 100%; height: 100%;min-width: 1280px;min-height: 800px;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.pageTopSize{width: 100%;height: 90%;margin-top: 0px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;}
.pageBottomSize{width: 100%;height: 10%;margin-top: 0px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;}
.fixed{position: fixed;left: 0px;bottom: 0px;width: 100%;height: 54px;z-index: 9999;background-color:	#F5F5F5;}
.fixedBottom{left: 0px;bottom: 0px;width: 100%;height: 54px;}
a:link{color: #000;}
a:visited{color: #000;}
a:hover {text-decoration: none;}
.tableTextSize{width: 60px; height: 80px;border-right: 1px solid; border-left: 1px solid; border-top: 1px solid; border-bottom: 1px solid;}
.tableTextSizeTopLeft{width: 50%; text-align: center; float: left; color: #f00;}
.tableTextSizeTopRight{width: 50%; text-align: right; float: left;}
.tableTextSizeCenter{width: 100%; text-align: center; float: left;}
.tableTextSizeBottom{width: 100%; text-align: right; float: left;}
.tableTextSizeNull{width: 60px; height: 80px;}
.viridian{background-color: #3F7F62;}
.turquoise{background-color: #40E0D0;}
.layui-nav .layui-nav-more{border-top-color:#000000;margin-top: -0px;}
.layui-nav .layui-nav-mored{border-color: transparent transparent #000000;margin-top: -5px;}
</style>
</head>
<body >
	<div class="container">
	  <div class="row">
		<div style="text-align: center; height:70px; line-height:70px;">
		   <img alt="" src="/img/logo_interface.png" style="height: 40px; display: inline-block; vertical-align: middle;" />
		</div>
	    <div class="col-6" style="line-height: 70px; font-size: 30px;">
	    	<ul class="layui-nav" lay-filter="" style="background-color: #F5F5F5; ">
			  <li class="layui-nav-item layui-this "><a href="" style="font-size: 30px; color: #000000;">首页</a></li>
			  <li class="layui-nav-item ">
			  	<a href="javascript:;" style="font-size: 30px; color: #000000;">学习</a>
			    <dl class="layui-nav-child"> <!-- 二级菜单 -->
			      <dd><a href="/second/knowledge/1" style="height: 30px; line-height: 26px;">九年级上册</a></dd>
			      <dd><a href="/second/knowledge/2" style="height: 30px; line-height: 26px;">九年级下册</a></dd>
			      <dd><a href="/second/knowledge/3" style="height: 30px; line-height: 26px;">必修一</a></dd>
			      <dd><a href="/second/knowledge/4" style="height: 30px; line-height: 26px;">必修二</a></dd>
			      <dd><a href="/second/knowledge/5" style="height: 30px; line-height: 26px;">必修三</a></dd>
			      <dd><a href="/second/knowledge/6" style="height: 30px; line-height: 26px;">必修四</a></dd>
			    </dl>
			  </li>
			  
			  <li class="layui-nav-item ">
			    <a href="javascript:;" style="font-size: 30px; color: #000000;">题库</a>
			    <dl class="layui-nav-child"> <!-- 二级菜单 -->
			      <dd><a href="" style="height: 30px; line-height: 26px;">选择题</a></dd>
			      <dd><a href="" style="height: 30px; line-height: 26px;">判断题</a></dd>
			      <dd><a href="" style="height: 30px; line-height: 26px;">填空题</a></dd>
			      <dd><a href="" style="height: 30px; line-height: 26px;">计算题</a></dd>
			    </dl>
			  </li>
  			<li class="layui-nav-item " ><a href="" style="font-size: 30px; color: #000000;">交流</a></li>
		 </ul>
	    </div>
	    <div class="col" style="text-align: right; line-height: 70px; font-size: 16px;word-spacing: 16px;">
			<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-search" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
			  <path fill-rule="evenodd" d="M10.442 10.442a1 1 0 0 1 1.415 0l3.85 3.85a1 1 0 0 1-1.414 1.415l-3.85-3.85a1 1 0 0 1 0-1.415z"/>
			  <path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"/>
			</svg>
			<span onclick="showImg()">手机APP</span>
			<span th:if="${user}==null">
				<a href="/login">登陆</a>
				<a href="/login/register">
					<button type="button" class="btn btn-primary">注册</button>
				</a>
			</span>
			<span th:if="${user}!=null">
				<span class="btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
					<img th:src="@{${user.img}}" style="width: 40px; height: 40px; border-radius: 50%;" alt="头像">
				</span>
				<div class="dropdown-menu">
					<a class="dropdown-item" th:if="${user.jurisdiction}==0" href="/"
						style="height: 30px; line-height: 30px;" target="_blank">账号中心</a>
					<a class="dropdown-item" href="/" style="height: 30px; line-height: 30px;">消息中心</a>
					<a class="dropdown-item" href="/" style="height: 30px; line-height: 30px;">退出登陆</a>
				</div>
			</span>
	    </div>
	  </div>
	</div>
	
	
	<div class="container" style="background-color: #fff;">
  		<div class="row">
  			<div class="col-3" style="border-right:1px solid #000;">
  				<div class="layui-collapse">
				  <div class="layui-colla-item">
				    <h2 class="layui-colla-title">化学题库</h2>
				    <div class="layui-colla-content layui-show">选择题</div>
				    <div class="layui-colla-content layui-show">判断题</div>
				    <div class="layui-colla-content layui-show">填空题</div>
				    <div class="layui-colla-content layui-show">计算题</div>
				  </div>
				</div>
  			</div>
  			<div class="col-9">知识点</div>
		</div>
	</div>
</body>
</html>
<script>
//注意：导航 依赖 element 模块，否则无法进行功能性操作
layui.use('element', function(){
  var element = layui.element;
  
  //…
});
</script>